@font-face {
font-family: 'BEBAS';
src: url('../fonts/BEBAS.eot');
src: url('../fonts/BEBAS.eot') format('embedded-opentype'),
url('../fonts/BEBAS.woff2') format('woff2'),
url('../fonts/BEBAS.woff') format('woff'),
url('../fonts/BEBAS.ttf') format('truetype'),
url('../fonts/BEBAS.svg#BEBAS') format('svg');
}
body.gray{background:#f8f8f8;}
.loadingBg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #f1f1f1;text-align: center;z-index: 9999999;}
.loadingBg .spinner {margin: 100px auto 0;width: 70px;height: 70px;text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: aut}
.loadingBg .spinner>div {width: 18px;height: 18px;background-color: #0fa564;border-radius: 100%;display: inline-block;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.loadingBg .spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s}
.loadingBg .spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s}
@-webkit-keyframes bouncedelay {
0%,80%,100% {-webkit-transform: scale(0)}
40% {-webkit-transform: scale(1)}
}
@keyframes bouncedelay {
0%,80%,100% {transform: scale(0);-webkit-transform: scale(0)}
40% {transform: scale(1);-webkit-transform: scale(1)
}
}
.view{padding:0 2%;}
.header-view{padding:0 2%;}
header{position: fixed;top:0;left:0;width: 100%;background:#fff;padding:15px 0;box-shadow: 0 0 10px #ccc;z-index: 99;}
header .logo{float: left;width:110px;}
header .logo img{width: 100%;}
header .m-nav-box{float: right;}
header .navbtn{float: right;width: 21px;}
header .navbtn .line{display: block;width:100%;height:2px;background:#0fa564;margin:5px 0;transition:all .3s linear;}
header .navbtn.cur .line:nth-child(1){transform:rotate(45deg);transform-origin:left top;}
header .navbtn.cur .line:nth-child(2){opacity: 0;filter: alpha(opacity=0);}
header .navbtn.cur .line:nth-child(3){transform:rotate(-45deg);transform-origin:left bottom;}
header .m-nav{display: none;position: fixed;left:0;top:56px;background: #fff;width:88%;height:calc(92% - 50px);padding:4% 6%;overflow: auto;border-top:1px solid #dcdcdc;}
header .m-nav li{border-bottom:1px solid #dcdcdc;}
header .m-nav li>a{display: block;width: 92%;padding: 14px 4%;color: #2d3845;position: relative;font-size: 14px;line-height: 25px;}
header .m-nav li .navson{line-height: 30px;padding:10px 4.5% 15px;border-top: 1px solid #dcdcdc;display: none;}
header .m-nav li .navson a{display: block;font-size: 14px;color: #666;padding-left: 38px;line-height: 30px;background:url(../images/pro03.png) no-repeat 10px center;}
header .m-nav li:nth-child(5)>a:after,
header .m-nav li:nth-child(6)>a:after,
header .m-nav li:nth-child(7)>a:after,
header .m-nav li:nth-child(8)>a:after{content: "";width: 13px;height: 7px;background-image: url(../images/d1.png);background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;right: 0;top: 22px;}
header .m-nav li.on a:after{background-image: url(../images/d2.png);}
header .m-nav-box .search-btn{float: right;width: 17px;height: 15px;background-repeat: no-repeat;background-position: center;background-image: url(../images/search.png);margin:5px 10px 0 0;}
header .m-nav-box .header-icon-box{float: right;position: relative;}
header .m-nav-box .header-icon-box a{float: left;margin-right: 8px;width:25px;height: 25px;}
header .m-nav-box .header-icon-box a img{display: block;width: 100%;}
header .m-nav-box .header-icon-box a:hover .top_qrcode {display: block;}
header .m-nav-box .search-box{position: fixed;left:0;top:0;width: 80%;height: 80%;background: #fff;padding:15px 10%;height: 26px;display: none;}
header .m-nav-box .search-box .search-wrap{width: 70%;float: left;}
header .m-nav-box .search-box input[type=submit]{float: left;width: 17px;height: 15px;background-image:url(../images/search.png);background-repeat: no-repeat;background-position: center;padding: 0;border:none;background-color: transparent;margin:5px 0 0;}
header .m-nav-box .search-box input[type=text]{float: right;width: calc(90% - 17px);padding:0 5%;border:none;outline: none;height: 26px;list-style: 26px;font-size: 14px;color: #666;}
header .m-nav-box .search-box .search-close{float: right;font-size: 26px;line-height: 26px;color: #666;}
.black{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);z-index: 50;display: none;}
header .pc-nav-box{display: none;}
.clearfixed{height: 56px;}
/************header end************/
footer{background:#252525;}
footer .view{padding:0;}
.footer-top{padding:25px 0 40px;}
.footer-top a span{display: block}
.footer-top a.tit{height: 50px;line-height: 50px;color: #fff;font-size: 14px;}
.footer-top a.tit span{background-image: url(../images/jia.png);background-repeat: no-repeat;background-position: right center;background-size:16px;border-bottom:1px solid #515151;}
.footer-top .navson{display: none;padding:15px 0 0;}
.footer-top .navson a{font-size: 14px;color: #fff;opacity: .7;filter: alpha(opacity=70);line-height: 30px;padding-left: 30px;}
.footer-top .f-nav li.on .tit span{background-image: url(../images/jian.png);}
.f-right{ padding:0 5%; text-align:center;}
.share-box{margin:30px 0 0;text-align: center;font-size: 0;}
.share-box.jiathis_style_32x32  .jtico{display: none!important;}
.share-box.jiathis_style_32x32 a{display: inline-block;width: 50px;height: 50px;background-size: cover;background-position: center;background-repeat: no-repeat;cursor: pointer;padding:0;margin:0 9px;}
.share-box.jiathis_style_32x32 a.jiathis_button_cqq{background-image: url(../images/img_1001.png);}
.share-box.jiathis_style_32x32 a.jiathis_button_tsina{background-image: url(../images/img_11.png);}
.share-box.jiathis_style_32x32 a.jiathis_button_weixin{background-image: url(../images/img_10.png);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:15px 5%;line-height: 20px;}
.footer-bottom .copy{color: #999999;}
.footer-bottom .copy span{display: block;}
.footer-bottom .copy span a{color: #999999;}
.footer-bottom .copy span a:hover{color: #eee;}
.footer-bottom .build{font-size: 14px;color: #999999;}
.footer-bottom .build a{color: #999}
.top-btn{position: fixed;bottom:5%;right: 5%;width: 36px;height: 36px;background-repeat: no-repeat;background-position: center;background-image: url(../images/top-btn.png);background-size: cover;z-index: 110;display: none;}
.h-share-box{z-index: 120;position: fixed;width:230px;height: 230px;top:50%;left:50%;margin:-130px 0 0 -130px;background: #fff;padding:15px;display: none;}
.h-share-box .img-box{width:200px;height: 200px;margin:0 auto;}
.h-share-box .img-box img{width: 100%;height: 100%;}
.h-share-box .tit-text{font-weight: bold;font-size: 14px;color:#000;}
.h-share-box .h-close{font-size: 16px;color:#999;cursor: pointer;}
.q-mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .53;filter: alpha(opacity=53);z-index: 110;}
.f-right .select{display: none;}
@media (max-width: 768px){
.share-box{ display:none;}
.share-box.jiathis_style_32x32 a{display:none;}

}
/************footer end************/
.i-banner {position: relative;width: 100%;overflow: hidden;z-index: 20;}
.i-banner>img{width:100%;}
.i-banner .flexslider {position: absolute;left:0;top:0;width:100%;height:100%;border: none;margin-bottom: 0;}
.i-banner .slides li{position: relative;}
.i-banner .flex-control-nav{position: absolute;left:0;width: 100%;font-size:0;text-align: center;bottom:5%;z-index: 30;}
.i-banner .flex-control-nav li{display: inline-block;*display: inline;zoom:1;margin:0 5px;vertical-align: bottom;}
.i-banner .flex-control-paging li a{display: block;background:#bbc3c7;width:30px;height:2px;}
.i-banner .flex-control-paging li a.flex-active{height: 4px;}
.i-product-box{padding:20px 0;background: #eaeaea;}
.i-product-box .i-product{overflow: hidden;}
.i-product-box .item{margin-right: 20px;}
.i-product-box .item:last-child{margin-right: 0;}
.i-product-box .item .con-box{padding:35px 6%;text-align: center;background-color: #fff;}
.i-product-box .item a{display: block;}
.i-product-box .item a span{display: block;}
.i-product-box .item .tit{font-size: 15px;color: #333;background-repeat: no-repeat;background-position:center 0;background-size: 60px;display: inline-block;*display: inline;zoom:1;padding-top: 65px;}
.i-product-box .item .con{color: #96989a;line-height: 24px;}
.i-about-box{padding:45px 0;}
.i-about-box .about-text-box{text-align: center;padding:0 15px;}
.i-about-box .about-text-box .about-text{background-position: center;background-image: url(../images/m-about-text-bg.png);background-size: 100% auto;background-repeat: no-repeat;margin-bottom: 20px;}
.i-about-box .about-text h3{font-size: 15px;color: #000;line-height: 20px;}
.i-about-box .about-text .txt{font-size: 14px;color: #000;line-height: 20px;margin:5px 0 0;height: 40px;overflow: hidden;}
.i-about-box .list li{margin-bottom: 20px;background:#f2f2f2;}
.i-about-box .list li:last-child{margin-bottom: 0;}
.i-about-box .list li a{display: block;}
.i-about-box .list li img{width: 100%;}
.i-about-box .list li .text-box{padding:30px 35px;text-align: center;}
.i-about-box .list li .tit{font-size: 15px;color: #000;}
.i-about-box .list li .con{font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;color: #666666;}
.index-more{display: block;width: 150px;height: 40px;line-height: 40px;background: #0fa564;color: #fff;font-family: "Century Gothic";font-weight: bold;text-align: center;margin:20px auto 0;text-transform: upperabout;}
.index-tit{text-align: center;}
.index-tit .en{font-size: 27px;color: #000;font-family: "Century Gothic";font-weight: bold;line-height: 30px;}
.index-tit .cn{font-size: 15px;color: #000;}
.i-news-box{padding:45px 0;}
.i-news-box .i-news{margin:20px 0 0;}
/*********recruitdtl end************/
.search-wrap-box{padding:20px 0;background: #f8f8f8;}
.search-list-box{background: none;margin-bottom: 30px;padding:0;}
.search-list-box .right .list{margin:15px 0 0;}
.search-list-box .view{padding:0 5%;}
.search-wrap-box h3{text-align: center;color: #0fa564;font-size: 15px;}
.search-list-box .right .list{padding:0;}
.search-wrap-box .news-box .con-box{background: #fff;}
.search-wrap-box .search-more{display: block;width: 120px;height: 40px;background: #0fa564;color: #fff;font-size: 14px;line-height: 40px;text-align: center;margin:20px auto 0;border:1px solid #0fa564;}
.aside-box{display: none;}
@media (min-width: 768px){
header .logo{width: 120px;}
header .m-nav-box{margin:5px 0 0;}
.clearfixed{height: 63px;}
/************header end************/
footer .view{padding:0 5%;}
.footer-top .f-nav li{float: left;width: 20%;text-align: center;}
.footer-top a.tit{padding:0;height: 40px;line-height: 40px;font-size: 16px;}
.footer-top a.tit span{border-bottom:none;background:none;}
.footer-top .navson{display: block;padding:0;}
.footer-top .navson a{padding:0;font-size: 14px;}
.share-box.jiathis_style_32x32 a{width: 50px;height: 50px;margin:0 8px;}
.footer-bottom{padding:20px 0;}
.footer-bottom .copy{font-size: 0;float: left;}
.footer-bottom .copy span{display: inline-block;margin-right: 5px;font-size: 14px;}
.footer-bottom .build{float: right;}
.top-btn{width: 48px;height: 48px;}

/************footer end************/
.i-banner .flex-control-paging li a{width: 40px;}
.i-product-box{padding:40px 0;}
.i-product-box .i-product{margin-right: -10px;margin-left: -10px;}
.i-product-box .item{margin-right: 0%;width: 50%;box-sizing:border-box;padding:0 10px;}
.i-product-box .item .con-box{padding: 35px 8%;}
.i-product-box .item .tit{font-size: 16px;background-size: 35px;padding-top: 40px;}
.i-product-box .item .con{margin:5px 0 0;}
.i-about-box{padding:60px 0;}
.i-about-box .about-text-box{width: 90%;margin:0 auto;padding:0;}
.i-about-box .about-text-box .about-text{background-image: url(../images/about-text-bg.png);}
.i-about-box .about-text h3{font-size: 20px;line-height: 26px;}
.i-about-box .about-text .txt{font-size: 14px;line-height: 24px;margin:10px 0 0;padding:0 20px;height: auto;}
.i-about-box .list li .img{float: left;width: 58%;}
.i-about-box .list li .text-box{float: right;width: 42%;margin-top: 5%;box-sizing:border-box;}
.i-about-box .list li:nth-child(2n) .img{float: right;}
.i-about-box .list li:nth-child(2n) .text-box{float: left;}
.i-about-box .list li .text-box{padding:0 20px;}
.i-about-box .list li .tit{font-size: 18px;}
.i-about-box .list li .con{height: auto;}
.index-more{margin-top: 50px;font-size: 14px;}
.index-tit .en{font-size: 32px;}
.index-tit .cn{font-size: 18px;}
.i-adv-box .text-box .con {width: 86%;margin: 40px auto 0;font-size: 14px;line-height: 24px;}
.search-wrap-box{padding:40px 0;}
.search-wrap-box h3{font-size: 20px;}
.search-list-box{padding:0;}
.search-list-box .right .list{padding:0;margin:30px 0 0;}
.i-news-box .i-news{position: relative;}

}
@media (min-width: 992px){
header .logo{width: 140px;}
header .m-nav-box{margin:10px 0 0;}
.clearfixed{height: 71px;}
/************header end************/
.i-product-box .item{width: 50%;}
.i-product-box .item .con-box{background-size: 40px;}
.i-product-box .item .tit{font-size: 18px;}
.i-product-box .item .con{font-size: 14px;line-height: 24px;margin:5px 0 0;}
.i-about-box{padding:70px 0;}
.i-about-box .about-text-box{width: 67%;}
.i-about-box .about-text h3{font-size: 24px;}
.i-about-box .list li .con{font-size: 14px;line-height: 24px;}
.index-tit .en{font-size: 34px;line-height: 40px;}
.index-tit .cn{font-size: 18px;line-height: 30px;}

}
.i-adv-box .index-tit .cn {color: #fff;}
.i-adv-box .index-tit .en {color: #fff;}
.i-adv-box .text-box .con {color: #fff;text-align: center;}
.i-adv-box li .text-box {text-align: center;width: 100%;}
.i-adv-box-mid{text-align:center; padding-top:50px; color:#fff;}
.i-adv-box-mid span{-moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius:50%; /* W3C syntax */display:inline-block; border:2px #fff solid; width:145px; height:145px; text-align:center; line-height:145px; font-size:18px; margin:0 35px;}


.f-right h2 {font-size: 20px;line-height: 40px;margin-bottom: 10px;color: #fff;/*opacity: 0.8;filter: alpha(opacity=80);*/}
.f-right h3 {font-size: 16px;line-height: 20px;color: #fff;opacity: 0.5;filter: alpha(opacity=50);}
.f-right p {font-size:18px;color: #999; }
.f-right h4 {font-size: 18px;line-height: 22px;margin-bottom: 30px; font-weight:normal;color: #fff;opacity: 0.8;filter: alpha(opacity=80);}

.footer1 {height: 28px;width: 100%;margin-top: 18px; }
.menu-footer {position:fixed;bottom:0;left:0;z-index:999999999999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background-color:#10A565}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}